<template>
    <a-modal :title="$t('View') + 'OAuth2' + $t('Client')" v-model='isShow' :maskClosable='false' v-dragModal width="900px" footer="">
      <div>
        <a-row :gutter="20" class="pt-10">
                    <a-col :span="4">{{ $t('Client') + $t('名称') + ':' }}</a-col>
                    <a-col :span="8">{{ detailList.name }}</a-col>
                    <a-col :span="4">{{ $t('Client') + 'URL' + ':' }}</a-col>
                    <a-col :span="8">{{ detailList.client_url }}</a-col>
                </a-row>
                <a-row :gutter="20" class="pt-10">
                    <a-col :span="4">{{ $t('回调') + 'URL' + ':' }}</a-col>
                    <a-col :span="8">{{ detailList.redirect_uri }}</a-col>
                </a-row>
                <a-divider />
                <a-row :gutter="20" class="pt-10">
                    <a-col :span="4">{{ $t('Client') + 'ID' + ':' }}</a-col>
                    <a-col :span="8">{{ detailList.client_id }}</a-col>
                    <a-col :span="4">{{ $t('Client') + $t('Key') + ':' }}</a-col>
                    <a-col :span="8">{{ detailList.client_secret }}</a-col>
                </a-row>
                <a-row :gutter="20" class="pt-10">
                    <a-col :span="4">{{ $t('授权端点') + 'URL' + ':' }}</a-col>
                    <a-col :span="8">{{ detailList.auth_url }}</a-col>
                    <a-col :span="4">{{ $t('获取令牌') + 'URL' + ':' }}</a-col>
                    <a-col :span="8">{{ detailList.get_token_url }}</a-col>
                </a-row>
                <a-row :gutter="20" class="pt-10">
                    <a-col :span="4">{{ $t('用户信息') + 'URL' + ':' }}</a-col>
                    <a-col :span="8">{{ detailList.get_user_url }}</a-col>
                </a-row>
      </div>

    

    </a-modal>
</template>

<script>

export default {
    props: {
        detailList: {
            type: Object,
            required: true
        }
    },
    data() {
        return {
            isShow: false,

            detailInfo: {
                client_name: '1',
                client_uri: '1',
                redirect_uri: '1',
                client_id: '1',
                client_secret: '1',
                authorize_url: '1',
                token_url: '1',
                userinfo_url: '1',

            }
        };
    },

}
</script>